<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>shopping</title>
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/index.css">

</head>

<body>
    <header>
        <div class="h-tool clearfix">
            <div class="h-name">
                <div class="h-names">
                    百联集团旗下全渠道电商平台
                    <b></b>
                </div>
            </div>
            <div class="h-left clearfix">
                <div class="h-font">
                    <a href="javascript:void(0);">
                        <span>网站导航</span>
                        <i></i>
                    </a>
                </div>
                <span class="h-fine"></span>
                <div class="h-show h-navigation">
                    <div class="h-navigations">
                        <ul>
                            <li>
                                <a href="">
                                    百联集团官网
                                </a>
                            </li>
                            <li>
                                <a href="">安付宝网</a>
                            </li>
                            <li>
                                <a href="">第一医药</a>
                            </li>
                            <li>
                                <a href="">OK会员卡专区</a>
                            </li>
                        </ul>
                    </div>

                </div>


            </div>
            <div class="h-information">
                <a href="#">消息</a>
            </div>
            <div class="h-right">
                <ul>
                    <li>
                        <div class="h-wsed">
                            <a href="#" class="h-logo">
                                <i class="h-goout"></i>
                                <span>请登录</span>
                            </a>
                            <a href="./register.html" class="h-register">注册</a>
                            <b></b>
                        </div>

                    </li>
                    <li>
                        <div class="h-wseds">
                            <a href="" class="h-mydd">我的订单</a>
                            <b></b>
                        </div>

                    </li>
                    <li>
                        <div class="h-left">
                            <div class="h-font">
                                <a href="#">
                                    <span>我的百联</span>
                                    <i></i>
                                </a>
                                <b></b>
                            </div>
                            <span class="h-fine"></span>
                            <div class="h-show">
                                <ul>
                                    <li>
                                        <a href="#">我的订单</a>
                                    </li>
                                    <li>
                                        <a href="#">我的评价</a>
                                    </li>
                                    <li>
                                        <a href="#">我的积分</a>
                                    </li>
                                    <li>
                                        <a href="#">我的收藏</a>
                                    </li>
                                    <li>
                                        <a href="#">我的优惠卷</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </li>
                    <li>
                        <div class="h-left">
                            <div class="h-font">
                                <a href="#">
                                    <span>充值缴费</span>
                                    <i></i>
                                </a>
                                <b></b>
                            </div>
                            <span class="h-fine"></span>
                            <div class="h-show h-pay">
                                <ul class="h-pays">
                                    <li>
                                        <div class="h-write">
                                            水电煤缴费
                                        </div>

                                        <div class="h-writes">
                                            <a href="#">
                                                缴费首页
                                            </a>
                                            <a href="#">
                                                水费缴费
                                            </a>
                                            <a href="#">电费缴费</a>
                                            <a href="#">燃气缴费</a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="h-write">
                                            手机充值
                                        </div>

                                        <div class="h-writes">
                                            <a href="#">
                                                手机充值
                                            </a>
                                            <a href="#">
                                                流量充值
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="h-write">
                                            其他充值 </div>

                                        <div class="h-writes">
                                            <a href="#">
                                                固话/宽带充值
                                            </a>
                                            <a href="#">
                                                铁通缴费
                                            </a>
                                            <a href="#">有线电视缴费</a>

                                        </div>
                                    </li>
                                    <li>
                                        <div class="h-write">
                                            游戏点卡 </div>

                                        <div class="h-writes">
                                            <a href="#">
                                                腾讯Q币充值
                                            </a>
                                            <a href="#">
                                                盛大点券充值
                                            </a>
                                            <a href="#">更多游戏</a>

                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="h-left">
                            <div class="h-font">
                                <a href="#">
                                    <span>客户服务</span>
                                    <i></i>
                                </a>
                                <b></b>
                            </div>
                            <span class="h-fine"></span>
                            <div class="h-show">
                                <ul>
                                    <li>
                                        <a href="#">在线客服</a>
                                    </li>
                                    <li>
                                        <a href="#">帮助中心</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </li>
                    <li>
                        <div class="h-left">
                            <div class="h-font">
                                <a href="#">
                                    <span>掌上百联</span>
                                    <i></i>
                                </a>
                                <b></b>
                            </div>
                            <span class="h-fine"></span>
                            <div class="h-show h-shows">
                                <div class="h-showing">
                                    <span class="h-img">
                                        <img src="./img/1807592795.jpg" alt="">
                                    </span>
                                    <div class="h-line">
                                        <span class="h-blwx">i百联微信</span>
                                    </div>
                                    <div class="h-line">
                                        <span class="h-bdgz">扫一扫关注</span>
                                    </div>
                                </div>
                                <div class="h-showing">
                                    <span class="h-img">
                                        <img src="./img/1849148942.png" alt="">
                                    </span>
                                    <div class="h-line">
                                        <span class="h-blwx">i百联微信</span>
                                    </div>
                                    <div class="h-line">
                                        <span class="h-bdgz">扫一扫关注</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </li>
                    <li>
                        <div class="h-shopping">
                            <a href="#">
                                <span>关注</span>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <section>
        <div class="c-wrap">
            <div class="c-logo">
                <div class="c-logos">
                    <a href="#">
                        <img src="./img/header-logo.png" alt="">
                    </a>
                </div>
                <div class="c-Authorized">
                    <a href="">
                        <img src="./img/1744576793.png" alt="">
                    </a>
                </div>
            </div>
            <div class="c-search">
                <div class="c-w">
                    <a href="">安付宝OK卡专区</a>
                </div>
                <div class="c-search-top">
                    <div class="c-search-input">
                        <div class="c-search-ipt">
                            <input type="text" value="矿泉水" class="c-gray">
                        </div>
                    </div>
                    <div class="c-button">
                        <button type="submit"></button>
                    </div>
                </div>
                <div class="c-search-mry">
                    <a href="#">美容仪</a>
                    <span>|</span>
                    <a href="#">美心</a>
                    <span>|</span>
                    <a href="#">卫生纸</a>
                    <span>|</span>
                    <a href="#">雅诗兰黛</a>
                    <span>|</span>
                    <a href="#">华为</a>
                    <span>|</span>
                    <a href="#">洗发水</a>
                    <span>|</span>
                    <a href="#">方便面</a>
                    <span>|</span>
                    <a href="#">鸡蛋</a>
                    <span>|</span>
                    <a href="#">咖啡</a>
                    <span>|</span>
                    <a href="#">可乐</a>
                    <span>|</span>
                </div>
            </div>
        </div>
    </section>

    <div class="hk-body">
        <div class="hk-content">
            <div class="n-left hk-left">
                <div class="n-leftfont hk-leftont">
                    <i></i>
                    <a href="#" target="_blank">
                        <span>所有商品分类</span>
                    </a>
                </div>
                <div class="n-show-nav hk-show">
                    <div class="n-shows">
                    </div>
                    <div class="n-banner n-navs">
                        <ul>
                            <li>
                                <i class="n-jk"></i>
                                <span>
                                    <a href="">百联进口 全球购</a>
                                </span>

                            </li>
                            <li>
                                <i class="n-sx"></i>

                                <span>
                                    <a href="">
                                        生鲜食品 </a>
                                </span>

                            </li>
                            <li>
                                <i class="n-sp"></i>
                                <span>
                                    <a href="">食品粮油</a>
                                    <a href="">酒水冲饮</a>
                                </span>

                            </li>
                            <li>
                                <i class="n-mrhl"></i>
                                <span>
                                    <a href="">美容护理</a>
                                </span>

                            </li>
                            <li>
                                <i class="n-jiaju"></i>
                                <span>
                                    <a href="">餐厨用具 家居家装</a>
                                </span>

                            </li>
                            <li>
                                <i class="n-mywj"></i>
                                <span>
                                    <a href="">母婴玩具</a>
                                </span>

                            </li>
                            <li>
                                <i class="n-jqs"></i>
                                <span>
                                    <a href="">家清 纸品 一次性</a>
                                </span>

                            </li>
                            <li>
                                <i class="n-firl"></i>
                                <span>
                                    <a href="">女装男装</a>
                                </span>

                            </li>
                            <li>
                                <i class="n-both"></i>
                                <span>
                                    <a href="">鞋靴箱包</a>
                                    <a href="">珠宝饰品</a>
                                </span>

                            </li>
                            <li>
                                <i class="n-shuma"></i>
                                <span>
                                    <a href="">手机数码</a>
                                    <a href="">电脑办公</a>
                                </span>

                            </li>
                            <li>
                                <i class="n-jyjq"></i>
                                <span>
                                    <a href="">家用电器</a>
                                </span>

                            </li>
                            <li>
                                <i class="n-ydhw"></i>
                                <span>
                                    <a href="">运动户外</a>
                                    <a href="">汽车用品</a>
                                </span>


                            </li>
                            <li>
                                <i class="n-yybj"></i>
                                <span>
                                    <a href="">
                                        营养保健
                                    </a>
                                    <a href="">第一医药</a>
                                </span>

                            </li>
                            <li>
                                <i class="n-kapain"></i>
                                <span>
                                    <a href="">礼品卡</a>
                                    <a href="">充值</a>
                                    <a href="">图书</a>
                                </span>

                            </li>
                        </ul>
                    </div>
                    <div class="n-qiehuan">
                        <ul>
                            <li>
                                <a href="#">1</a>
                            </li>
                            <li>
                                <a href="#">2</a>
                            </li>
                            <li>
                                <a href="#">3</a>
                            </li>
                            <li>
                                <a href="#">4</a>
                            </li>
                            <li>
                                <a href="#">5</a>
                            </li>
                            <li>
                                <a href="#">6</a>
                            </li>
                            <li>
                                <a href="#">7</a>
                            </li>
                            <li>
                                <a href="#">9</a>
                            </li>
                            <li>
                                <a href="#">8</a>
                            </li>
                            <li>
                                <a href="#">11</a>
                            </li>
                            <li>
                                <a href="#">10</a>
                            </li>
                            <li>
                                <a href="#">12</a>
                            </li>
                            <li>
                                <a href="#">13</a>
                            </li>
                            <li>
                                <a href="#">14</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="hk-right">
                <ul>
                    <li><a href="home.html">首页</a></li>
                    <li><a href="#">生活日用</a></li>
                    <li><a href="#">24H百货</a></li>
                    <li><a href="#">全球购</a></li>
                    <li><a href="#">精品闪购</a></li>
                    <li><a href="#">电器城</a></li>
                    <li><a href="#">百联卡</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="content-path">
            <div class="content-left">
                <div class="content-pathclip">
                    <div style="width: 557px" class="content-pathpa">
                        <div class="content-icon">
                            <a href="#">首页</a>
                        </div>
                        <div class="content-current">
                            <a href="#" class="clearfix">面膜</a>
                        </div>
                        <div class="content-current">
                            <div class="content-input">
                                <input type="text" placeholder="在当前条件下搜索">
                                <i></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-right">
                共找到
                <span>699</span>
                件商品
            </div>
        </div>
        <div class="content-filter clearfix">
            <div class="content-item">
                <div class="content-filter-left">
                    <span>相关分类</span>
                </div>
                <div class="content-filter-right">
                    <div class="content-list" style="display: block;">
                        <div class="content-show">
                            <div class="content-right-item">
                                <a href="#">面膜</a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="content-item">

                <div class="content-filter-left">
                    <span>品牌</span>
                </div>
                <div class="content-filter-right clearfix">
                    <div class="content-fr clearfix">
                        <div class="content-button-a">
                            多选+
                        </div>
                        <div class="content-button-b">展开</div>
                    </div>
                    <div class="content-list clearfix" style="display: block;">

                        <div class="content-showtwo" style="display: block;">
                            <ul>
                                <a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a>
                                <a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a><a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a><a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a><a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a><a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a><a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a><a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a><a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a><a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a><a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a><a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a><a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a><a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a><a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a><a href="#">
                                    <li title="JM solution">
                                        <span>
                                            <img src="./img/1395546163.jpg" alt="" height="48">
                                        </span>
                                        <i>JM solution</i>
                                    </li>
                                </a>
                            </ul>
                        </div>
                    </div>
                </div>



            </div>
            <div class="content-item">

                <div class="content-filter-left">
                    <span>类别</span>
                </div>
                <div class="content-filter-right clearfix">
                    <div class="content-fr clearfix">
                        <div class="content-button-a">
                            多选+
                        </div>
                    </div>
                    <div class="content-list clearfix" style="display: block;">

                        <div class="content-showtwo" style="display: block;">
                            <div class="content-right-itemss">
                                <a href="#">面膜</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">水洗式面膜</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">睡眠免洗式/懒人面膜</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">其它</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">撕拉式面膜</a>
                            </div>
                        </div>
                    </div>
                </div>



            </div>
            <div class="content-item">

                <div class="content-filter-left">
                    <span>功效</span>
                </div>
                <div class="content-filter-right clearfix">
                    <div class="content-fr clearfix">
                        <div class="content-button-a">
                            多选+
                        </div>
                        <div class="content-button-b">展开</div>
                    </div>
                    <div class="content-list clearfix" style="display: block;">

                        <div class="content-showtwo" style="display: block;">
                            <div class="content-right-itemss">
                                <a href="#">保湿补水</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">提拉紧致</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">其他</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">柔肤</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">收缩毛孔</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">提亮肤色</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">细致毛孔</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">清洁毛孔</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">控油</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">深层清洁</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">抗皱</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">去角质</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">舒缓/抗敏感</a>
                            </div>


                        </div>
                    </div>
                </div>



            </div>
            <div class="content-item">

                <div class="content-filter-left">
                    <span>适用肤质</span>
                </div>
                <div class="content-filter-right clearfix">
                    <div class="content-fr clearfix">
                        <div class="content-button-a">
                            多选+
                        </div>

                    </div>
                    <div class="content-list clearfix" style="display: block;">

                        <div class="content-showtwo" style="display: block;">
                            <div class="content-right-itemss">
                                <a href="#">所有肤质</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">敏感性</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">中性肤质</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">干性肤质</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">油性肤质</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">混合偏油</a>
                            </div>
                            <div class="content-right-itemss">
                                <a href="#">混合性肤质</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content-item">

                    <div class="content-filter-left">
                        <span>更多筛选项</span>
                    </div>
                    <div class="content-filter-right clearfix">
                        <div class="content-list clearfix" style="display: block;">


                            <ul class="content-spcssssss">
                                <li>
                                    <div class="content-pr">
                                        品牌归属地
                                    </div>
                                    <span></span>
                                    <div class="content-frame">
                                        <div class="content-showbg" style="width: 318px">
                                            <dl style="width: 252px;">
                                                <dd><a href="#">韩系品牌</a></dd>
                                                <dd><a href="#">日系品牌</a></dd>
                                                <dd><a href="#">欧美品牌</a></dd>
                                                <dd><a href="#">泰国品牌</a></dd>
                                                <dd><a href="#">港台品牌</a></dd>
                                                <dd><a href="#">国货精品</a></dd>
                                            </dl>
                                            <div class="content-morechoicebutton">多选+</div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="content-pr">
                                        产地
                                    </div>
                                    <span></span>
                                    <div class="content-frame">
                                        <div class="content-showbg" style="width: 318px">
                                            <dl style="width: 252px;">
                                                <dd><a href="#">韩系品牌</a></dd>
                                                <dd><a href="#">日系品牌</a></dd>
                                                <dd><a href="#">欧美品牌</a></dd>
                                                <dd><a href="#">泰国品牌</a></dd>
                                                <dd><a href="#">港台品牌</a></dd>
                                                <dd><a href="#">国货精品</a></dd>
                                                <dd><a href="#">韩系品牌</a></dd>
                                                <dd><a href="#">日系品牌</a></dd>
                                                <dd><a href="#">欧美品牌</a></dd>
                                                <dd><a href="#">泰国品牌</a></dd>
                                                <dd><a href="#">港台品牌</a></dd>
                                                <dd><a href="#">国货精品</a></dd>
                                            </dl>
                                            <div class="content-morechoicebutton">多选+</div>
                                        </div>
                                    </div>
                                </li>
                            </ul>

                        </div>
                    </div>



                </div>


            </div>
            <div class="content-sequence">
                <div class="content-sequenceleft">
                    <ul class="content-listclass">
                        <li><a href="#">综合排序</a></li>
                        <li class="content-upanddown"><a href="#">
                                <span>销量</span>
                                <i></i>
                            </a></li>
                        <li class="content-sortss"><a href="#">
                                <span>价格</span>
                                <i></i>
                            </a></li>
                        <li class="content-upanddown"><a href="#">
                                <span>评价</span>
                                <i></i>
                            </a></li>
                        <li><a href="#">新品</a></li>
                    </ul>
                </div>
                <div class="content-left-money">
                    <div class="content-moneyshow">
                        <input type="text" placeholder="￥ 最低价">
                        <span>-</span>
                        <input type="text" placeholder="￥ 做高价">
                    </div>
                </div>
                <div class="content-sequence-right">
                    <div class="content-option">
                        <label for=""><input type="checkbox"> <span>近看有货</span> </label>
                        <label for=""><input type="checkbox"> <span>百联配送</span> </label>
                        <label for=""><input type="checkbox"> <span class="content-kjsp">跨境商品</span> </label>
                        <label for=""><input type="checkbox"> <span>促销</span> </label>
                        <label for=""><input type="checkbox"> <span>支持自提</span> <i>
                                <div class="content-tips">
                                    <div class="content-tip-top">
                                    </div>
                                    <div class="content-tips-line">
                                        什么是门店自提？
                                        <a href="#">了解详情 <i></i> </a>
                                    </div>
                                    <div class="content-tips-txt">
                                        门店自提服务是百联为顾客提供的一种新的
                                        <br>
                                        配送方式，方便顾客安排合适时间进行提货。
                                    </div>

                                </div>

                            </i> </label>
                    </div>
                    <div class="content-lri-pt">
                        <div class="content-fl">
                            <span>1</span>/<span>14</span>
                        </div>
                        <div class="content-fr">
                            <a href="#" class="content-swicon content-bur"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-prolist">
                <ul class="content-pro-class">
                    <li>
                        <div class="content-pro-icon">
                            <div class="content-pro-img">
                                <a href="article">
                                    <img src="./img/1035777395_200x200.jpg" alt="" width="200" height="200">
                                </a>
                            </div>
                            <div class="content-pro-money">
                                <div class="content-money-fl">￥235.00</div>
                                <div class="content-money-fr">
                                    <span>满1件享8.50折</span>
                                </div>
                            </div>
                            <div class="content-product">
                                <div class="content-pro-name">
                                    <span style="color: #e6133c;">

                                        【跨境】
                                    </span>
                                    <a href="article">Kiehls 科颜氏 亚马逊白泥面膜 125ml</a>
                                </div>
                                <div class="content-pro-disount">
                                    <a href="article">下单立享8.5折</a>
                                </div>
                            </div>
                            <div class="content-pro-top">
                                <div class="content-top-left">
                                    <span>在</span>
                                    <a href="article" class="content-red"> &nbsp; 面膜 &nbsp; </a>
                                    <span>中</span>
                                    <span class="content-red">畅销</span>
                                </div>
                            </div>
                            <div class="content-pro-button">
                                <button type="button" class="content-addCard">加入购物车</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="content-pro-icon">
                            <div class="content-pro-img">
                                <a href="article">
                                    <img src="./img/1035777395_200x200.jpg" alt="" width="200" height="200">
                                </a>
                            </div>
                            <div class="content-pro-money">
                                <div class="content-money-fl">￥235.00</div>
                                <div class="content-money-fr">
                                    <span>满1件享8.50折</span>
                                </div>
                            </div>
                            <div class="content-product">
                                <div class="content-pro-name">
                                    <span style="color: #e6133c;">

                                        【跨境】
                                    </span>
                                    <a href="article">Kiehls 科颜氏 亚马逊白泥面膜 125ml</a>
                                </div>
                                <div class="content-pro-disount">
                                    <a href="article">下单立享8.5折</a>
                                </div>
                            </div>
                            <div class="content-pro-top">
                                <div class="content-top-left">
                                    <span>在</span>
                                    <a href="article" class="content-red"> &nbsp; 面膜 &nbsp; </a>
                                    <span>中</span>
                                    <span class="content-red">畅销</span>
                                </div>
                            </div>
                            <div class="content-pro-button">
                                <button type="button" class="content-addCard">加入购物车</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="content-pro-icon">
                            <div class="content-pro-img">
                                <a href="article">
                                    <img src="./img/1035777395_200x200.jpg" alt="" width="200" height="200">
                                </a>
                            </div>
                            <div class="content-pro-money">
                                <div class="content-money-fl">￥235.00</div>
                                <div class="content-money-fr">
                                    <span>满1件享8.50折</span>
                                </div>
                            </div>
                            <div class="content-product">
                                <div class="content-pro-name">
                                    <span style="color: #e6133c;">

                                        【跨境】
                                    </span>
                                    <a href="article">Kiehls 科颜氏 亚马逊白泥面膜 125ml</a>
                                </div>
                                <div class="content-pro-disount">
                                    <a href="article">下单立享8.5折</a>
                                </div>
                            </div>
                            <div class="content-pro-top">
                                <div class="content-top-left">
                                    <span>在</span>
                                    <a href="article" class="content-red"> &nbsp; 面膜 &nbsp; </a>
                                    <span>中</span>
                                    <span class="content-red">畅销</span>
                                </div>
                            </div>
                            <div class="content-pro-button">
                                <button type="button" class="content-addCard">加入购物车</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="content-pro-icon">
                            <div class="content-pro-img">
                                <a href="article">
                                    <img src="./img/1035777395_200x200.jpg" alt="" width="200" height="200">
                                </a>
                            </div>
                            <div class="content-pro-money">
                                <div class="content-money-fl">￥235.00</div>
                                <div class="content-money-fr">
                                    <span>满1件享8.50折</span>
                                </div>
                            </div>
                            <div class="content-product">
                                <div class="content-pro-name">
                                    <span style="color: #e6133c;">

                                        【跨境】
                                    </span>
                                    <a href="article">Kiehls 科颜氏 亚马逊白泥面膜 125ml</a>
                                </div>
                                <div class="content-pro-disount">
                                    <a href="article">下单立享8.5折</a>
                                </div>
                            </div>
                            <div class="content-pro-top">
                                <div class="content-top-left">
                                    <span>在</span>
                                    <a href="article" class="content-red"> &nbsp; 面膜 &nbsp; </a>
                                    <span>中</span>
                                    <span class="content-red">畅销</span>
                                </div>
                            </div>
                            <div class="content-pro-button">
                                <button type="button" class="content-addCard">加入购物车</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="content-pro-icon">
                            <div class="content-pro-img">
                                <a href="article">
                                    <img src="./img/1035777395_200x200.jpg" alt="" width="200" height="200">
                                </a>
                            </div>
                            <div class="content-pro-money">
                                <div class="content-money-fl">￥235.00</div>
                                <div class="content-money-fr">
                                    <span>满1件享8.50折</span>
                                </div>
                            </div>
                            <div class="content-product">
                                <div class="content-pro-name">
                                    <span style="color: #e6133c;">

                                        【跨境】
                                    </span>
                                    <a href="article">Kiehls 科颜氏 亚马逊白泥面膜 125ml</a>
                                </div>
                                <div class="content-pro-disount">
                                    <a href="article">下单立享8.5折</a>
                                </div>
                            </div>
                            <div class="content-pro-top">
                                <div class="content-top-left">
                                    <span>在</span>
                                    <a href="article" class="content-red"> &nbsp; 面膜 &nbsp; </a>
                                    <span>中</span>
                                    <span class="content-red">畅销</span>
                                </div>
                            </div>
                            <div class="content-pro-button">
                                <button type="button" class="content-addCard">加入购物车</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="content-pro-icon">
                            <div class="content-pro-img">
                                <a href="article">
                                    <img src="./img/1035777395_200x200.jpg" alt="" width="200" height="200">
                                </a>
                            </div>
                            <div class="content-pro-money">
                                <div class="content-money-fl">￥235.00</div>
                                <div class="content-money-fr">
                                    <span>满1件享8.50折</span>
                                </div>
                            </div>
                            <div class="content-product">
                                <div class="content-pro-name">
                                    <span style="color: #e6133c;">

                                        【跨境】
                                    </span>
                                    <a href="article">Kiehls 科颜氏 亚马逊白泥面膜 125ml</a>
                                </div>
                                <div class="content-pro-disount">
                                    <a href="article">下单立享8.5折</a>
                                </div>
                            </div>
                            <div class="content-pro-top">
                                <div class="content-top-left">
                                    <span>在</span>
                                    <a href="article" class="content-red"> &nbsp; 面膜 &nbsp; </a>
                                    <span>中</span>
                                    <span class="content-red">畅销</span>
                                </div>
                            </div>
                            <div class="content-pro-button">
                                <button type="button" class="content-addCard">加入购物车</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="content-pro-icon">
                            <div class="content-pro-img">
                                <a href="article">
                                    <img src="./img/1035777395_200x200.jpg" alt="" width="200" height="200">
                                </a>
                            </div>
                            <div class="content-pro-money">
                                <div class="content-money-fl">￥235.00</div>
                                <div class="content-money-fr">
                                    <span>满1件享8.50折</span>
                                </div>
                            </div>
                            <div class="content-product">
                                <div class="content-pro-name">
                                    <span style="color: #e6133c;">

                                        【跨境】
                                    </span>
                                    <a href="article">Kiehls 科颜氏 亚马逊白泥面膜 125ml</a>
                                </div>
                                <div class="content-pro-disount">
                                    <a href="article">下单立享8.5折</a>
                                </div>
                            </div>
                            <div class="content-pro-top">
                                <div class="content-top-left">
                                    <span>在</span>
                                    <a href="article" class="content-red"> &nbsp; 面膜 &nbsp; </a>
                                    <span>中</span>
                                    <span class="content-red">畅销</span>
                                </div>
                            </div>
                            <div class="content-pro-button">
                                <button type="button" class="content-addCard">加入购物车</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="content-pro-icon">
                            <div class="content-pro-img">
                                <a href="article">
                                    <img src="./img/1035777395_200x200.jpg" alt="" width="200" height="200">
                                </a>
                            </div>
                            <div class="content-pro-money">
                                <div class="content-money-fl">￥235.00</div>
                                <div class="content-money-fr">
                                    <span>满1件享8.50折</span>
                                </div>
                            </div>
                            <div class="content-product">
                                <div class="content-pro-name">
                                    <span style="color: #e6133c;">

                                        【跨境】
                                    </span>
                                    <a href="article">Kiehls 科颜氏 亚马逊白泥面膜 125ml</a>
                                </div>
                                <div class="content-pro-disount">
                                    <a href="article">下单立享8.5折</a>
                                </div>
                            </div>
                            <div class="content-pro-top">
                                <div class="content-top-left">
                                    <span>在</span>
                                    <a href="article" class="content-red"> &nbsp; 面膜 &nbsp; </a>
                                    <span>中</span>
                                    <span class="content-red">畅销</span>
                                </div>
                            </div>
                            <div class="content-pro-button">
                                <button type="button" class="content-addCard">加入购物车</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="content-pro-icon">
                            <div class="content-pro-img">
                                <a href="article">
                                    <img src="./img/1035777395_200x200.jpg" alt="" width="200" height="200">
                                </a>
                            </div>
                            <div class="content-pro-money">
                                <div class="content-money-fl">￥235.00</div>
                                <div class="content-money-fr">
                                    <span>满1件享8.50折</span>
                                </div>
                            </div>
                            <div class="content-product">
                                <div class="content-pro-name">
                                    <span style="color: #e6133c;">

                                        【跨境】
                                    </span>
                                    <a href="article">Kiehls 科颜氏 亚马逊白泥面膜 125ml</a>
                                </div>
                                <div class="content-pro-disount">
                                    <a href="article">下单立享8.5折</a>
                                </div>
                            </div>
                            <div class="content-pro-top">
                                <div class="content-top-left">
                                    <span>在</span>
                                    <a href="article" class="content-red"> &nbsp; 面膜 &nbsp; </a>
                                    <span>中</span>
                                    <span class="content-red">畅销</span>
                                </div>
                            </div>
                            <div class="content-pro-button">
                                <button type="button" class="content-addCard">加入购物车</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="content-pro-icon">
                            <div class="content-pro-img">
                                <a href="article">
                                    <img src="./img/1035777395_200x200.jpg" alt="" width="200" height="200">
                                </a>
                            </div>
                            <div class="content-pro-money">
                                <div class="content-money-fl">￥235.00</div>
                                <div class="content-money-fr">
                                    <span>满1件享8.50折</span>
                                </div>
                            </div>
                            <div class="content-product">
                                <div class="content-pro-name">
                                    <span style="color: #e6133c;">

                                        【跨境】
                                    </span>
                                    <a href="article">Kiehls 科颜氏 亚马逊白泥面膜 125ml</a>
                                </div>
                                <div class="content-pro-disount">
                                    <a href="article">下单立享8.5折</a>
                                </div>
                            </div>
                            <div class="content-pro-top">
                                <div class="content-top-left">
                                    <span>在</span>
                                    <a href="article" class="content-red"> &nbsp; 面膜 &nbsp; </a>
                                    <span>中</span>
                                    <span class="content-red">畅销</span>
                                </div>
                            </div>
                            <div class="content-pro-button">
                                <button type="button" class="content-addCard">加入购物车</button>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="content-page">
                <ul>
                    <li> <a href="#">1</a></li>
                    <li> <a href="#">2</a></li>
                    <li> <a href="#">3</a></li>
                    <li> <a href="#">4</a></li>
                    
                    ...
                    <li> <a href="#">14</a></li>
                    <li> <a href="#">下一页</a></li>
                </ul>
            </div>
            <div class="content-recomend">
                <div class="content-recomend-top">
                    <div class="content-tops-left">最近浏览</div>
                </div>
                <div class="content-rollbody">


                </div>
            </div>

        </div>


    </div>





    <div class="f-fixed" id="f-reside">
        <div class="f-main" id="f-side">
            <div class="f-sidecss f-login f-yy">
                <i class="f-yonghu "></i>
                <div class="f-tab">
                    <div class="f-tip">
                        <div class="f-tip-con">
                            我的信息
                            <div class=" f-mui-arr">
                                &nbsp;
                            </div>
                        </div>
                    </div>
                    <i></i>
                </div>
            </div>

            <div class=" f-shopping f-content f-yy">
                <i class="f-yonghu "></i>
                <i class="f-shopp"></i>
                <span>
                    购 <br> 物 <br> 车
                </span>
                <b class="f-num">0</b>
                <img src="./img/cartbar-bk.png" alt="">
                <i class="f-jt"></i>
            </div>

            <div class="f-sidecss f-loin f-yy">
                <i class="f-yonghu "></i>
                <div class="f-tab">
                    <div class="f-tip">
                        <div class="f-tip-con">
                            我的收藏
                            <div class=" f-mui-arr">
                                &nbsp;
                            </div>
                        </div>
                    </div>
                    <i></i>
                </div>
            </div>
            <div class="f-sidecss f-logi f-yy">
                <i class="f-yonghu "></i>
                <div class="f-tab">
                    <div class="f-tip">
                        <div class="f-tip-con">
                            浏览历史
                            <div class=" f-mui-arr">
                                &nbsp;
                            </div>
                        </div>
                    </div>
                    <i></i>
                </div>
            </div>
            <div class="f-sidecss f-logins">
                <i class="f-yonghu "></i>
                <div class="f-tab">
                    <div class='f-tep'>
                        <div class="f-trp">
                            <div class="f-title">
                                手机APP专享
                            </div>
                            <img src="./img/1849148942.png" alt="">
                            <div class="f-conbar">
                                &nbsp;
                            </div>
                        </div>
                    </div>
                    <i></i>
                    <div class="f-odd">

                    </div>
                </div>
            </div>
            <div class="f-sidecss f-log">
                <i class="f-yonghu "></i>
                <div class="f-tab">
                    <div class="f-tip">
                        <div class="f-tip-con">
                            我的客服
                            <div class=" f-mui-arr">
                                &nbsp;
                            </div>
                        </div>
                    </div>
                    <i></i>
                </div>
            </div>

        </div>
        <div class="f-right f-reside">
            <div class="f-mydexx f-bar">

                <div class="f-dail">
                    <div class="f-detail">
                        <i class="f-closed"></i>
                    </div>
                    <div class="f-details">
                        <div class="f-smdl">

                            <div class="f-Ewm f-tabsm f-cur">扫码登录</div>
                            <div class=" f-tabsm">会员登录</div>
                        </div>
                    </div>
                    <div class="f-tab-ewm">
                        <div class="f-ewm">
                            <img src="./img/queryQRcode.html" alt="" class="f-code">
                            <p class="f-codeimg">
                                <b>打开 <i>i百联</i> (7.0版本及以上) 扫描 </b>
                            </p>
                            <p class="f-txt">
                                <i class="f-anquan">安全</i>
                                <i class="f-bianjie">便捷</i>
                                <i class="f-mianshuru">免输入</i>
                            </p>
                        </div>
                        <div class="f-ewm f-ewms">
                            <div class="f-inputyh">
                                <img src="./img/empty.png" alt="" class="f-empty">
                                <input type="text" placeholder="用户名/手机号/邮箱" class="f-inp f-inputyy">
                            </div>
                            <div class="f-inputyh">
                                <input type="password" placeholder="密码" class="f-inp f-inputyy">
                            </div>
                            <div class="f-inputyh">
                                <img src="./img/empty.png" alt="" class="f-empty">
                                <input type="text" placeholder="请输入验证码" class="f-inp f-inputyy" id="f-kone">
                                <div class="f-fright">
                                    <img src="./img/verifyCode.html" alt="">
                                </div>
                            </div>
                            <div class="f-forget">
                                <a href="#">忘记密码？</a>
                                <button class="f-btn f-submit">登录</button>
                            </div>

                        </div>
                    </div>
                    <div class="f-font-right">
                        <a href="#" class="f-login-a-fl">注册新账号</a>
                    </div>
                    <div class="f-other">
                        <div class="f-other-login">
                            <span>其他账号联合登录</span>
                        </div>
                    </div>
                    <div class="f-login-logo">
                        <div>
                            <a href="#" class="f-other_login1"></a>
                            <a href="#" class="f-other_login2"></a>
                            <a href="#" class="f-other_login3"></a>
                            <a href="#" class="f-other_login4"></a>
                            <a href="#" class="f-other_login5"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="f-mydexx f-bar">

                <div class="f-dail">
                    <div class="f-detailr">
                        <i class="f-closed"></i>
                        <a href="#">
                            <i class="f-gwc"></i>
                        </a>
                    </div>
                    <div class="f-cart-con">
                        <ul class="f-ull">

                        </ul>
                        <div class="f-shopcar">
                            <div>
                                共
                                <s class="f-zeros">0</s>
                                件商品，总计：
                                <i class="f-zero">￥0.00</i>
                            </div>
                            <a href="#" target="_blank" class="f-ckgwc">查看购物车</a>
                        </div>
                        <div class="f-clearcar">
                            购物车快饿扁了 /(ToT)/~~
                            <br>
                            <i>尝试买些东西再回来看看</i>
                        </div>

                    </div>





                </div>
            </div>
            <div class="f-mydexx f-bar">

                <div class="f-dail">
                    <div class="f-detail">
                        <i class="f-closed"></i>
                    </div>
                    <div class="f-details">
                        <div class="f-smdl">

                            <div class="f-Ewm f-tabsm f-cur">扫码登录</div>
                            <div class=" f-tabsm">会员登录</div>
                        </div>
                    </div>
                    <div class="f-tab-ewm">
                        <div class="f-ewm">
                            <img src="./img/queryQRcode.html" alt="" class="f-code">
                            <p class="f-codeimg">
                                <b>打开 <i>i百联</i> (7.0版本及以上) 扫描 </b>
                            </p>
                            <p class="f-txt">
                                <i class="f-anquan">安全</i>
                                <i class="f-bianjie">便捷</i>
                                <i class="f-mianshuru">免输入</i>
                            </p>
                        </div>
                        <div class="f-ewm f-ewms">
                            <div class="f-inputyh">
                                <img src="./img/empty.png" alt="" class="f-empty">
                                <input type="text" placeholder="用户名/手机号/邮箱" class="f-inp f-inputyy">
                            </div>
                            <div class="f-inputyh">
                                <input type="password" placeholder="密码" class="f-inp f-inputyy">
                            </div>
                            <div class="f-inputyh">
                                <img src="./img/empty.png" alt="" class="f-empty">
                                <input type="text" placeholder="请输入验证码" class="f-inp f-inputyy" id="f-kone">
                                <div class="f-fright">
                                    <img src="./img/verifyCode.html" alt="">
                                </div>
                            </div>
                            <div class="f-forget">
                                <a href="#">忘记密码？</a>
                                <button class="f-btn f-submit">登录</button>
                            </div>

                        </div>
                    </div>
                    <div class="f-font-right">
                        <a href="#" class="f-login-a-fl">注册新账号</a>
                    </div>
                    <div class="f-other">
                        <div class="f-other-login">
                            <span>其他账号联合登录</span>
                        </div>
                    </div>
                    <div class="f-login-logo">
                        <div>
                            <a href="#" class="f-other_login1"></a>
                            <a href="#" class="f-other_login2"></a>
                            <a href="#" class="f-other_login3"></a>
                            <a href="#" class="f-other_login4"></a>
                            <a href="#" class="f-other_login5"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="f-mydexx f-bar">

                <div class="f-dail f-daile">
                    <div class="f-detail">
                        <i class="f-closed"></i>
                        <span>我浏览过的商品</span>
                        <a href="#" class="f-qks">清空</a>
                    </div>
                    <div class="f-shows" style="height: 608px">

                    </div>
                </div>


            </div>
        </div>
    </div>
    <footer class="f-footer f-footes">
        <div class="f-helpnav clearfix">
            <div class="f-wrap">
                <div class="f-helpnav-list">
                    <div class="f-footer-center">
                        <div class="f-helpnav-title">
                            <i class="f-footic"></i>
                            新手入门
                        </div>
                        <ul>
                            <li><a href="#">购物流程</a></li>
                            <li><a href="#">会员介绍</a></li>
                            <li><a href="#">常见问题</a></li>
                            <li><a href="#"></a>发票说明</li>
                            <li><a href="#"></a>联系客服</li>
                        </ul>
                    </div>
                    <div class="f-footer-center">
                        <div class="f-helpnav-title">
                            <i class="f-footic"></i>
                            新手入门
                        </div>
                        <ul>
                            <li><a href="#">购物流程</a></li>
                            <li><a href="#">会员介绍</a></li>
                            <li><a href="#">常见问题</a></li>
                            <li><a href="#"></a>发票说明</li>
                            <li><a href="#"></a>联系客服</li>
                        </ul>
                    </div>
                    <div class="f-footer-center">
                        <div class="f-helpnav-title">
                            <i class="f-footic"></i>
                            新手入门
                        </div>
                        <ul>
                            <li><a href="#">购物流程</a></li>
                            <li><a href="#">会员介绍</a></li>
                            <li><a href="#">常见问题</a></li>
                            <li><a href="#"></a>发票说明</li>
                            <li><a href="#"></a>联系客服</li>
                        </ul>
                    </div>
                    <div class="f-footer-center">
                        <div class="f-helpnav-title">
                            <i class="f-footic"></i>
                            新手入门
                        </div>
                        <ul>
                            <li><a href="#">购物流程</a></li>
                            <li><a href="#">会员介绍</a></li>
                            <li><a href="#">常见问题</a></li>
                            <li><a href="#"></a>发票说明</li>
                            <li><a href="#"></a>联系客服</li>
                        </ul>
                    </div>
                    <div class="f-footer-center">
                        <div class="f-helpnav-title">
                            <i class="f-footic"></i>
                            新手入门
                        </div>
                        <ul>
                            <li><a href="#">购物流程</a></li>
                            <li><a href="#">会员介绍</a></li>
                            <li><a href="#">常见问题</a></li>
                            <li><a href="#"></a>发票说明</li>
                            <li><a href="#"></a>联系客服</li>
                        </ul>
                    </div>
                    <div class="f-bottom-nav">
                        <div class="">
                            <a href="#">关于我们</a>
                            <span>|</span>
                            <a href="#">联系我们</a>
                            <span>|</span>
                            <a href="#">加盟合作</a>
                            <span>|</span>
                            <a href="#">诚征英才</a>
                            <span>|</span>
                            <a href="#">友情链接</a>
                            <span>|</span>
                            <a href="#">新零售合作</a>
                        </div>
                        <div class="f-copyright">
                            百联集团有限公司版权所有
                            <span>|</span>
                            客服电话：400-900-8800
                            <span>|</span>
                            沪ICP备15028847号
                        </div>
                        <a href="#"> 互联网药品信息服务资质证书编号：沪-（非营业性）-2016-0044</a>
                        <a href="#">全渠道增值电信业务经营许可证</a>
                        <div class="f-police">
                            <a href="#">
                                <img src="./img/gongan.png" alt="">
                                <span>沪公网安备 31010102002366号</span>
                            </a>
                            <a href="#">
                                <img src="./img/gongs.png" alt="" width="20" height="21">
                                <span>上海工商</span>
                            </a>
                            <a href="#">
                                <img src="./img/zhizhao.png" alt="">
                                <span>经营执照</span>
                            </a>
                            <a href="#">
                                <img src="./img/wangjing1.png" alt="" width="20" height="21">
                                <span>网购大家评</span>
                            </a>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </footer>
    <script src="./js/jquery-1.8.3.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>